<!DOCTYPE html>
<html lang="en">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>现场签到</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
    
   
    <link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm.min.css">
    <script type='text/javascript' src='//g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>
    <script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm.min.js' charset='utf-8'></script>
    <style type="text/css">    
        input::-webkit-input-placeholder{
            color:#cccccc;
        }
        input::-webkit-outer-spin-button,
        input::-webkit-inner-spin-button {
            -webkit-appearance: none !important;    
            margin: 0;
        }
    </style>
    <script type='text/javascript'>
        $(function () {
            $.config = {
                router: false
              }
            $.init();

        });

        function checkform() {
            

            if ($.trim($("#name").val()).length == 0) {
                
                $.toast("请输入姓名");
                
                return false;
            }

            if ($.trim($("#wechat").val()).length == 0) {
                
                $.toast("请输入微信昵称");
                
                return false;
            }

            if ($.trim($("#mobile").val()).length == 0) {
                $.toast("请输入手机号");
                return false;
            }

            var re = /^1\d{10}$/
            if (re.test($("#mobile").val())) {
                form1.submit();
            }else{
                $.toast("请正确输入手机号");
            }
            return false;
        }


    </script>
    <style>
    body {
        background-image: url({$info.sign_img1_url});
        background-repeat:no-repeat;
        background-size: 100%;
    }
</style>
</head>


<body>
      <form action="{:U('jumpLive')}" method="post" name="form1" id="form1">
        <input type="hidden" name="inviteid" value="{$info.id}">
        <input type="hidden" name="mobile" id="mobile" value="{$mobile}">
        <input type="hidden" name="orderid" value="{$orderinfo.id}">

      <div class="card" style="margin:0.5rem 0 0 0;box-shadow:none;background-color:transparent;">
        <div class="list-block">
            <ul>
              <if condition="($orderinfo['id'] eq 0)">
                  
                  <li>
                    <div class="item-content">
                      <div class="item-media"><i class="icon icon-form-email"></i></div>
                      <div class="item-inner">
                        <div class="item-title label">姓&#12288;名 <font color="red">*</font></div>
                        <div class="item-input">
                          <input type="text" name="name" id="name"  placeholder="请输入姓名">
                        </div>
                      </div>
                    </div>
                  </li>
              <else/>
                <input type="hidden" name="name" id="name" value="{$orderinfo.name}">
               
              </if>
              <li>
                <div class="item-content">
                  <div class="item-media"><i class="icon icon-form-email"></i></div>
                  <div class="item-inner">
                    <div class="item-title label">微信昵称 <font color="red">*</font></div>
                    <div class="item-input">
                      <input type="text" name="wechat" id="wechat"  placeholder="请输入微信昵称">
                    </div>
                  </div>
                </div>
              </li>
            </ul>
          </div>
          
      </div>
      <nav class="bar bar-tab" style="background-color:transparent">
                <div class="row">
              <div class="col-100"><a href="#" onclick="javascript:checkform();" class="button button-big button-fill button-success" style="background-color: #c4863d;">下一步</a></div>
            </div>
            </nav>
        </form>

</body>

</html>
